<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        html,
        body,
        .page {
            height: 100%;
        }

        #wrapper {
            position: absolute;
            top: 110px;
            bottom: 0;
            overflow: hidden;
            margin: 0;
            width: 100%;
            padding: 0 8px;
            background-color: #f8f8f8;
        }

        .am-list {
            margin: 0;
        }

        .am-list > li {
            background: none;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
        }

        .pull-action {
            text-align: center;
            height: 45px;
            line-height: 45px;
            color: #999;
        }

        .pull-action .am-icon-spin {
            display: none;
        }

        .pull-action.loading .am-icon-spin {
            display: block;
        }

        .pull-action.loading .pull-label {
            display: none;
        }
    </style>
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
    <link rel="stylesheet" href="src/css/myTeam.css">

</head>
<body>
<header data-am-widget="header" class="am-header mpy-header">
    <div class="am-header-left am-header-nav mpy-header-nav">
        <i class="am-icon-bars mpy-icon-bars mpy-header-menu"></i>
    </div>

    <h1 class="am-header-title mpy-header-title">
        <a href="#title-link" class="">
            <!--<img src="src/img/icon/top-logo-icon.svg" alt="">-->
            <h1>音乐团队</h1>
        </a>
    </h1>

    <div class="am-header-right am-header-nav mpy-header-nav">
        <a href="login1.html" class="">
            <img src="src/img/icon/icon-user.svg" alt="">
        </a>
    </div>
    <div class="mpy-menu">
        <div class="mpy-menu-hd">
            <a href="javascript:;" class="mpy-close">&times;</a>
            <div class="mpy-menu-title">
                <img src="src/img/icon/top-logo-icon-white.svg" alt="">
            </div>
        </div>
        <div class="mpy-menu-bd">
            <ul>
                <a href="javascript:;" class="mpy-active">
                    <li>首页</li>
                </a>
                <a href="javascript:;">
                    <li>关于爬梯</li>
                </a>
                <a href="javascript:;">
                    <li>爬梯产品</li>
                </a>
                <a href="javascript:;">
                    <li>爬梯课程</li>
                </a>
                <a href="javascript:;">
                    <li>最新动态</li>
                </a>
                <a href="javascript:;">
                    <li>联系我们</li>
                </a>
                <a href="javascript:;">
                    <li>购物车</li>
                </a>
                <a href="javascript:;">
                    <li>我的收藏</li>
                </a>
                <a href="javascript:;">
                    <li>爬梯客服</li>
                </a>
            </ul>
            <div class="mpy-menu-opt am-avg-sm-2">
                <a class="login">会员登录</a>
                <a class="reg">会员注册</a>
            </div>
            <div class="mpy-menu-userinfo">
                <a class="info">普通会员：12345678901</a>
            </div>
        </div>
    </div>
</header>
<div class="myTeam">
    <div data-am-widget="tabs" class="am-tabs am-tabs-default  mpy-tabs" data-am-tabs-noswipe="1">
        <ul class="am-tabs-nav am-cf">
            <li class="am-active tabs-item"><a href="javascript:;">全部</a></li>
            <li class=" tabs-item"><a href="javascript:;">一级音乐者</a></li>
            <li class="tabs-item"><a href="javascript:;">二级音乐者</a></li>
            <li class="tabs-item"><a href="javascript:;">三级音乐者</a></li>
        </ul>
    </div>
    <div id="wrapper" data-am-widget="list_news"
         class="am-list-news am-list-news-default">
        <div class="am-list-news-bd">
            <!--<div class="pull-action loading" id="pull-down">-->
            <!--<span class="am-icon-arrow-down pull-label"-->
            <!--id="pull-down-label"> 下拉刷新</span>-->
            <!--<span class="am-icon-spinner am-icon-spin"></span>-->
            <!--</div>-->
            <ul class="am-list events-list" id="events-list">
                <li class="am-list-item-desced">
                    <div class="am-list-item-text">
                        正在加载内容...
                    </div>
                </li>
            </ul>
            <!--<div class="pull-action" id="pull-up">-->
            <!--<span class="am-icon-arrow-down pull-label"-->
            <!--id="pull-up-label"> 上拉加载更多</span>-->
            <!--<span class="am-icon-spinner am-icon-spin"></span>-->
            <!--</div>-->
        </div>
    </div>
</div>
<script src="src/lib/handlebars-v4.0.10.js"></script>
<script type="text/x-handlebars-template" id="tpi-list-item">
    {{#each this}}
    <li class="am-list-item-desced " data-id="{{id}}">
        <a href="{{alt}}" class="am-list-item-hd" target="_blank">{{title}}</a>

        <div class="am-list-item-text">{{content}}</div>
    </li>
    {{/each}}
</script>
<script src="src/lib/jquery.min.js"></script>
<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>

<script src="src/js/scollLoading.js"></script>
<script>

    $(function () {
        var slave = {};
        $('#wrapper').scollLoading(slave);
        document.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, false);
    })
</script>
<script>

</script>
</body>
</html>